<section class="hbox stretch" id="taskapp">
  <aside>
    <section class="vbox">
      <header class="header bg-light lter bg-gradient b-b">
        <button class="btn btn-success btn-sm pull-right btn-icon" id="new-task"><i class="icon-plus"></i></button>
        <p>Dashboard</p>
      </header>
      <footer class="footer b-t">
        
      </footer>
      <section class="bg-light lter">
        <section class="hbox stretch">
          <!-- .aside -->
          <aside>
            <section class="vbox">
              <section class="scrollable wrapper">
                <!-- task list -->
                <ul id="task-list" class="list-group list-group-sp">
                </ul>
                <!-- templates -->
                <script type="text/template" id="item-template"> <div class="view" id="task-<%- id %>"> <button class="destroy close hover-action">&times;</button> <div class="checkbox"> <input class="toggle" type="checkbox" <%= done ? 'checked="checked"' : '' %> /> <span class="task-name"><%- (name && name.length) ? name : 'New task' %></span> <input class="edit form-control" type="text" value="<%- name %>" /> </div> </div> </script>
                <!-- / template -->
                <!-- task list -->
              </section>
            </section>
          </aside>
          <!-- /.aside -->
        </section>
      </section>
    </section>
  </aside>
  <!-- .aside -->
</section>
